<!-- 头部模块 -->
<template>
	<header>
		<h1>
				<img src="@/assets/images/logo.png" alt="">
		</h1>
		<div class="search" @click="goSearch">
					<i class="iconfont icon-fangdajing"></i>
					<span>搜您喜欢的...</span>
		</div>
		<div class="kefu">
					<i class="iconfont icon-kefu"></i>
		</div>
	</header>
</template>

<script>
	export default{
		methods:{
			goSearch(){
				this.$router.push('/search')
			}
		}
	}
</script>

<style scoped>
	 header{
	 		display: flex;
	 		justify-content: space-around;
	 		align-items: center;
	 		width: 100%;
	 		height: 1.6rem;
	 		background-color: #b0352f;
	 	}
	 	header h1{
	 		width: 2.266667rem;
	 		height: 1.386667rem;
	 	}
	 	header h1 img{
	 		height: 100%;
	 		width: 100%;
	 		margin-bottom: 0.8rem;
	 	}
	 	.search{
	 		display: flex;
	 		align-items: center;
	 		width: 6.56rem;
	 		height: 0.8rem;
	 		background-color: #FFFFFF;
	 		border-radius: 0.32rem;
	 	}
	 	.search i {
	 		padding: 0 0.16rem;
	 		color: #ccc;
	 	}
	 	.search span{
	 		font-size: 0.373333rem;
	 		color: #ccc;
	 	}
	 	.kefu i{
	 		font-size: 0.613333rem;
	 		color: #fff;
	 	}
</style>
<!-- 这是头部模块 -->